
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Portal - Layout Generator</title>
	<link rel="stylesheet" type="text/css" href="/css/order/checkout.css" />
	<link rel="stylesheet" type="text/css" href="/css/restaurant/common.css" />
    <script type="text/javascript" src="/js/checkout.js"></script>
</head>

<body>
	<div id="wrapper">
		<div id="content">
			<div id="address_panel" class="div_block">
            	<h2 class=" block_gray_header">
                订餐人信息
                </h2>
                <div id="address_list">
                    <p>
                        <input name="" type="radio" value="" />
                        <span class="old_address_user_name">王强</span>
                        
                        <span class="old_address_user_address">中关村南四街4号 中国科学院计算机网络信息中心 2号楼</span>
                        
                        <span class="old_address_user_phone">电话：15811012555</span>
                    </p>
                    <p>
                        <input name="" type="radio" value="" />
                        <span class="old_address_user_name">王强</span>
                        
                        <span class="old_address_user_address">中关村东路80号 中国科学院学生公寓 f座</span>
                        
                        <span class="old_address_user_phone">电话：15811012555</span>
                    </p>
                    <p>
                        <input name="" type="radio" value="" />                    
                        <span>更换其他地址</span>
                    </p>                
                </div>
                <div id="loginNotice">
                <span>已有送饭啦账户请<a href="#">点此登录</a>，登录后将自动读取已有地址记录</span>
                </div>
                <div id="new_address">
                    <table  id="new_address_table">
                         <tbody>
                             <tr>
                                 <td class="new_address_left">收货人姓名<i>*</i></td>
                                 <td>
                                     <input type="text" id="deliverName"></input>
                                     <input type="radio" checked="checked" value="" name="user_sex"/>先生
                                     <input type="radio" value="" name="user_sex"/>女士
                                     <span class="wrong_message">请填写正确的姓名</span>
                                 </td>
                             </tr>
                             <tr>
                                 <td class="new_address_left">收货人地址<i>*</i></td>
                                 <td>
                                     <input type="text" id="deliverAddress" >
                                     <span class="wrong_message">请填写正确的姓名</span>
                                 </td>
                             </tr>
                             <tr>
                                 <td class="new_address_left">收货人手机/固话<i>*</i></td>
                                 <td>
                                    <input type="text" id="deliverPhone">
                                     <span class="wrong_message">请填写正确的姓名</span>
                                 </td>
                             </tr>
                         </tbody>
                    </table>
                </div>
            </div>
            <div id="cart_panel"  class="div_block">
            	<h2 class=" block_gray_header">
                您选购的食物
                </h2>
                <table id="checkout_cart_table">
                	<colgroup>
                    	<col />
                        <col id="col_food_name"/>
                        <col />
                        <col />
                        <col />
                    </colgroup>
                    <thead>
                        <tr>
                            <td class="th_food_image">商品图片</td>
                            <td class="th_food_name" scope="col">商品名称</td>
                            <td class="th_food_count">数量</td>
                            <td class="th_food_price">单价</td>
                            <td class="th_food_operate">操作</td>
                        </tr>
                    </thead>
                    <tbody>
                         <tr>
                            <td style="text-align: left;"><img class="cart_img" src="/img/2010/07/20/402502170_3.jpg"></td>
                            <td  style="text-align: left;"><a>LiNing李宁 男子碎钉足球训练鞋 尺码:43</a></td>
                            <td><span class="remove_product"></span><span class="product_count"><span>3</span>件</span><span class="add_product"></span></td>
                            <td>504元</td>
                            <td><a>删除</a></td>
                        </tr>
                
                        <tr>
                            <td style="text-align: left;"><img class="cart_img" src="/img/2010/07/20/402502170_3.jpg"></td>
                            <td  style="text-align: left;"><a>LiNing李宁 男子碎钉足球训练鞋 尺码:43</a></td>
                            <td><span class="remove_product"></span><span class="product_count"><span>3</span>件</span><span class="add_product"></span></td>
                            <td>504元</td>
                            <td><a>删除</a></td>
                        </tr>
                    </tbody>
					<tfoot>
			         	<tr>
			            <td colspan="5" id="total_price">商品总金额：
			            <i>269元</i>
			            </td>
			        	</tr>				
					</tfoot>
					<div id = "check_out_cart_ajax_loading_img">
						<img alt="Indicator" src="/images/common/ajax-loading.gif">
					</div>
                </table>
            
                <div class="clear"></div>
            </div>
            <div id="more_info_panel"  class="div_block">
            	<select id="deliver_time">
                	<option value="now">选择送餐时间：  尽快送出</option>
                    <option value="19:00:00">19:00</option>
                    <option value="19:15:00">19:15</option>
                    <option value="19:30:00">19:30</option>
                    <option value="19:45:00">19:45</option>
                    <option value="20:00:00">20:00</option>
                </select>
                <div clear="both"></div>
                <textarea name="deliver_memo"></textarea>
            </div>
            <div id="submit_order">
                <p>
                  <img src="../../../images/button/submitorderbutton_a.gif" width="163" height="35" />
                </p>
            </div>
		</div>
	</div>
</body>

</html>